@charset "utf-8";

.title01{width:100%; height:40px; line-height: 40px; text-align: center; background:#e28b0f; border-radius:4px 4px 0 0;}
.title01 h3{float:left; font-size:16px; color: #FFF; text-indent: 15px;}

.title02{padding:0 30px 0 20px; height:60px; border-bottom:1px solid #ededed;}
.title02 h3{display: block; float: left; height:60px; line-height: 60px; text-indent: 15px; font-size: 18px; color: #333333; background: url(../images/icon04.png) no-repeat left center;}
.title02 span{ display: block; float: right; line-height: 60px; font-size:14px; }
.title02 span a{color:#666666; padding: 0 10px;}

.title03{height:34px; color: #333; font-size: 24px; line-height: 34px; text-align: center;}







.roll02{float:right; width: 64px;}
.roll02 a{float:left; display:block; width:32px; height:40px;}
.roll02 a.rol02{ background: url(../images/rol02.png) no-repeat center center;}
.roll02 a.ror02{border-radius: 0 4px 0 0; background: url(../images/ror02.png) no-repeat center center;}
.roll02 a:hover{ background-color: #cb7d0d;}

.roll03{float:right; margin-right: 25px; border-right: 1px solid #f2f2f2;}
.roll03 a{float:left; display:block; width:55px; height:60px; border-left: 1px solid #f2f2f2;}
.roll03 a.rol03{background: url(../images/rol03.png) no-repeat center center;}
.roll03 a.ror03{background: url(../images/ror03.png) no-repeat center center;}
.roll03 a.rol03:hover{background: url(../images/rol03_on.png) no-repeat center center #969696;}
.roll03 a.ror03:hover{background: url(../images/ror03_on.png) no-repeat center center #969696;}



.more01{margin-top:30px; width:100%; height:40px; line-height: 40px; text-align:center;}
.more01 a{ display:inline-block; width:126px; height:40px; color:#FFF; border-radius:20px; font-size:14px; background: #e28b0f;}
.more01 a:hover{color:#FFF; background:#2c90cc;}

.more02{ float: left; margin-top:10px; width:100%; height:40px;}
.more02 a{ display:inline-block; width:140px; height:40px; text-align: center; line-height: 38px; color:#999; border:1px solid #bfbfbf; border-radius:20px; font-size:14px; text-transform: uppercase;}
.more02 a:hover{color:#FFF; background-color:#e62129; border:1px solid #e62129;}




/* gotop */
.actGotop { position:fixed; bottom:10px; right:10px; z-index:9999; display:none; cursor:pointer;  }
.actGotop .top:hover{ background: url(/static/www/images/backTop.png) no-repeat center center rgba(18,146,67,0.3);}
.actGotop .top {
    width:40px;
    height:40px;
    background: url(/static/www/images/backTop.png) no-repeat center center var(--mainColor);
    display: inline-block;
}
.actGotop .b-erweima {
    display: inline-block;
    margin-left: 5px;
    max-width: 100px;
}